﻿.sunbox-comments-outer { font-family: "Helvetica Neue" , Helvetica; }

.comment-ajax-link .text { border-bottom: 1px dashed #08C; color: #08C; }

.comment-ajax-link { cursor: pointer; margin-left: -4px; padding: 4px; }

.comment-ajax-link .text:hover { border-bottom: 1px dashed #0074af; color: #0074af; }

.comment-ajax-link.pressed { background-color: #0074af; }

.comment-ajax-link.pressed .text { border-bottom: none; color: white; }

.comment-leave { padding: 10px 0; }

.comment-leave .show-comment-form .text { font-size: 14px; }
/* EDITOR */

a.cke_button_source { text-decoration: none !important; }
/* COMMENT LABEL */

.comment-label { margin-bottom: 20px; margin-top: 20px; }
.comment-label h1 ins { text-decoration: none; padding-left: 10px; font-size: 14px; }
.comment-label h1 ins i { color: #0074af; font-style: normal; }

.comment-label h1 { margin: 0; font-weight: bold; color: #333; text-rendering: optimizelegibility; font-size: 20px; }

/* COMMENT LIST */

.comment-item { margin-bottom: 16px; }

.comment-date { color: #999; }

.comment-text { color: #333; padding: 2px 0; font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #333; }

.comment-text p { margin: 4px 0 4px!important;  }

.comment-response { font-size: 11px; }

.comment-username { background: url("Images/ico-user-man.gif") no-repeat scroll 0 0 transparent; color: #999; display: block; font-size: 11px; margin-right: 5px; margin-top: 6px; padding-left: 16px; }

.comment-username.woman { background: url("Images/ico-user-woman.gif") no-repeat scroll 0 0 transparent; }

.comment-username a:link { color: #08C!important; }
.comment-username a:hover { color: #0074af; }

.comment-childs { padding-left: 20px; }

/* COMMENT FORM */

.comment-form-outer { border-bottom-color: #C0C0C0; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 10px; padding-top: 10px; }

.comment-form { position: relative; }

.comment-form-buttons { text-align: right;height: 40px; }

.comment-submit {font-size: 13px;display: inline-block; font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); background-image: -ms-linear-gradient(top, #0398e3, #0074af); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0398e3), to(#037fbd)); background-image: -webkit-linear-gradient(top, #0398e3, #037fbd); background-image: -o-linear-gradient(top, #0398e3, #037fbd); background-image: -moz-linear-gradient(top, #0398e3, #037fbd); background-image: linear-gradient(top, #0398e3, #037fbd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0398e3', endColorstr='#037fbd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); color: white; padding: 6px 10px 6px; border: 1px solid #CCC; border-bottom-color: #BBB; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer;margin: 3px 0 0 0;}
.comment-submit:hover {text-decoration: none!important; color: #FFF; text-decoration: none; background-color: #e6e6e6; background-position: 0 -35px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #037fbd; }
.comment-overlay { background-color: white; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; }
